<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <!-- 快捷方式meta：vp -->
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>patuoxun</title>
    <!-- Bootstrap -->
    <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
    <!-- <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="lib/html5shiv/html5shiv.min.js"></script>
      <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href=" css/main.css">
    <style>
    /*.container {
        height: 1000px;
        background-color: #F40;
    }*/
    </style>
</head>

<body>
    <!-- 头部区域 -->
    <header id="header">
        <div class="topbar hidden-xs hidden-sm">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-2 text-center">
                        <a href="#" class="mobile-link " ">
                            <i class="icon-mobilephone "></i>
                            <span>微金所</span>
                            <i class="glyphicon glyphicon-chevron-down "></i>
                            <img src="img/c_06.jpg " alt="二维码 ">
                        </a>
                    </div>
                    <div class="col-md-5 col-sm-5 text-center ">
                      <i class="icon-telephone "></i>
                      <span>4006-89-4006（服务时间：9:00-21:00）</span>
                    </div>
                    <div class="col-md-2 col-sm-2 text-center ">
                      <a href="# "><span>常见问题</span></a>
                      <a href="# "><span>财富登陆</span></a>
                      
                    </div>
                    <div class="col-md-3 col-sm-3 text-center ">
                      <a href="# " class="btn btn-itcast btn-sm ">免费注册</a>
                      <a href="# " class="btn btn-link btn-sm ">立即登录</a>
                    </div>
                </div>
            </div>
        </div>
        <nav class="navbar navbar-itcast navbar-static-top ">
      <div class="container ">
        <div class="navbar-header ">
          <button type="button " class="navbar-toggle collapsed " data-toggle="collapse " data-target="#nav_list " aria-expanded="false ">
            <span class="sr-only ">切换菜单</span>
            <span class="icon-bar "></span>
            <span class="icon-bar "></span>
            <span class="icon-bar "></span>
          </button>
          <a class="navbar-brand " href="# ">
            <i class="icon-icon "></i>
            <i class="icon-logo "></i>
          </a>
        </div>
        <div id="nav_list " class="collapse navbar-collapse ">
          <ul class="nav navbar-nav ">
            <li class="active "><a href="# ">我要投资</a></li>
            <li><a href="# ">我要借款</a></li>
            <li><a href="# ">平台介绍</a></li>
            <li><a href="# ">新手专区</a></li>
            <li><a href="# ">最新动态</a></li>
            <li><a href="# ">微论坛</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right hidden-sm ">
            <li><a href="# ">个人中心</a></li>
          </ul>
        </div>
      </div>
    </nav>
    </header>
    <!-- /头部区域 -->
    <!--广告轮播 -->
    <section id="main_ad" class="carousel slide" data-ride="carousel">
        
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#main_ad" data-slide-to="0" class="active"></li>
            <li data-target="#main_ad" data-slide-to="1"></li>
            <li data-target="#main_ad" data-slide-to="2"></li>
            <li data-target="#main_ad" data-slide-to="3"></li>
          </ol>

          <!-- 轮播项 -->
          <div class="carousel-inner" role="listbox">
            <div class="item active" data-image-lg="img/slide_01_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg">
            </div>
            <div class="item " data-image-lg="img/slide_02_2000x410.jpg" data-image-xs="img/slide_02_640x340.jpg">
            </div>
            <div class="item " data-image-lg="img/slide_03_2000x410.jpg" data-image-xs="img/slide_03_640x340.jpg">
            </div>
            <div class="item " data-image-lg="img/slide_04_2000x410.jpg" data-image-xs="img/slide_04_640x340.jpg">
            </div>
          </div>



          <!-- Controls -->
          <a class="left carousel-control" href="#main_ad" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#main_ad" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
    </section>
    <!--/广告轮播 -->
    <!--特色介绍 -->
    <section></section>
    <!--/特色介绍 -->
    <!--立即预约 -->
    <section></section>
    <!--/立即预约 -->
    <!--产品推荐 -->
    <section></section>
    <!--/产品推荐 -->
    <!--新闻列表 -->
    <section></section>
    <!--/新闻列表 -->
    <!--合作伙伴 -->
    <section></section>
    <!--/合作伙伴 -->
    <!-- 脚注区域 -->
    <footer></footer>
    <!-- /脚注区域 -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Bootstrap 的所有组件都是依赖JQuery的 -->
    <script src="lib/jquery/jquery.js "></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="lib/bootstrap/js/bootstrap.js "></script>
    <script src='js/main.js'></script>
</body>

</html>
